<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD/XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/Xhtml1/DTD/Xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        
        <title>Treasureto - connected in your feelings.</title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="" />
        
        <link rel="stylesheet" type="text/css" href="/style/top.css" />
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css" type="text/css" media="all" />        
        <style>
        .login a{
			text-decoration:none;
			width:280px;
			font-size:18px;
		}
	
		.login img{
			position:relative;
			top:2px;
		}
		</style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
		<script>
		$(document).ready(function() {
				$('.login a').button();
		});
		</script>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div class="title">
                    <h1>Treasureto<sub>pre-Alpha</sub></h1>
                </div>
            </div>
            <div id="divider">
            </div>
            <div id="content">
                <div class="concept">
                    connected in your feelings.
                </div>
                <div class="concept-story">
                    <p>あなたの興味をクリップしよう。</p>
                    <p>あなたが興味のあるクリップをフォローしよう。</p>
                    <p>"Treasureto"は、あなたと気の合う友達と出会えるサービスです。</p>
                </div>
                <div class="login">
                    <ul>
                        <li class="login-facebook"><a href="login/fb"><img src="/images/social_media_mini_icons/facebook.png"> Facebookでログインする</a></li>
                        <li class="login-twitter"><a href="login/twt"><img src="/images/social_media_mini_icons/twitter.png"> Twitterでログインする</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="divider_dark">
        </div>
        <div id="footer">
            © 2011 Treasureto, inc.
        </div>    </body>
</html>
